<template>
  <div class="box">
      <!-- 二级路由出口 -->
      <router-view></router-view>
        <!-- 底部导航栏 -->
        <van-tabbar v-model="active">
           <van-tabbar-item icon="wap-home-o" to="/home">商城</van-tabbar-item>
           <van-tabbar-item icon="apps-o" to="/cate" >分类</van-tabbar-item>
           <van-tabbar-item icon="cart-o" to="/cart" >购物车</van-tabbar-item>
           <van-tabbar-item icon="user-o" to="/my" >我的</van-tabbar-item>
         </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'MobanLayout',

  data() {
    return {
      active:0
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="scss" scoped>
  .box{
    padding-bottom: 60px;
  }
</style>